<template>
  <pre class="code" v-html="formatted"></pre>
</template>

<script>
export default {
  props: ['formatted'],
};
</script>

<style>
.token-var {
  color: #96d5fd;
}
.token-while, .token-if {
  color: #61dccc;
}
.token-while, .token-if, .token-else {
  color: #61dccc;
}
.token-compare, .token-calc, .token-assign {
  color: #c3b85c;
}
</style>
